<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
	<title>固定布局1000像素</title>
	<link type="text/css" rel="stylesheet" media="all" href="../css/reset.css"/>
    <link type="text/css" rel="stylesheet" media="all" href="../css/style.css"/>
    <style type="text/css">
		#grid-fix{ width:1000px; margin:0 auto;}
		#hd, #ft, .content{ border:1px solid #ddd; margin-right:10px;text-align:center;}
		#hd{ height:48px; margin-bottom:10px; margin-top:10px;}
		#cd{}
		#ft{ height:48px; margin-top:10px;}
		.content{height:100px;}
	</style>
</head>

<body id="grid-fix">
	<div id="hd">
    	<h1>这是页面头部布局</h1>
    </div>
	<div id="cd" class="grid">
    	<div class="grid-u-2-5">
        	<div class="content">
            	
            </div>
        </div>
        <div class="grid-u-3-5">
        	<div class="content">
            	
            </div>
        </div>
    </div>
	<div id="ft">
    	<h6>这是页面底部布局</h6>
    </div>
</body>
</html>
